<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>边框属性</title>
		<style>
			div{
				width: 500px;
				height: 500px;
			/* 边框属性：属性值可以作为属性使用 */
			border: 1px solid red;
			/* 效果：1元素实线红色边框
			 作用：①.展示效果 ②确定元素是否选中【验证】
			 */
			/* 边框宽度属性：  数值px */
			border-width: 10px;
			border-top-width: 1px;
			border-bottom-width: 1px;
			border-left-width: 5px;
			/* 边框样式属性：实线、点线、双实线、虚线 */
			border-style: double;
			}
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>